<%@ page contentType="text/html; charset=UTF-8"%>
<%@ include file="/jsp/taglib.jsp"%>
<!DOCTYPE html>
<html>
<head>

    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>发券记录</title>
    <meta name="keywords" content="">
    <meta name="description" content="">

    <link rel="shortcut icon" href="favicon.ico">
    <link href="${ctxStatic}/plugins/h+/css/bootstrap.min14ed.css?v=3.3.6" rel="stylesheet">
    <link href="${ctxStatic}/plugins/h+/css/font-awesome.min93e3.css?v=4.4.0" rel="stylesheet">
    <link href="${ctxStatic}/plugins/h+/css/plugins/bootstrap-table/bootstrap-table.min.css" rel="stylesheet">
    <link href="${ctxStatic}/plugins/h+/css/animate.min.css" rel="stylesheet">
    <link href="${ctxStatic}/plugins/h+/css/style.min862f.css?v=4.1.0" rel="stylesheet">
    <link rel="stylesheet" type="text/css" href="${ctxStatic}/plugins/h+/css/plugins/webuploader/webuploader.css">
    <link href="${ctxStatic}/plugins/h+/css/plugins/sweetalert/sweetalert.css" rel="stylesheet">
    <style>
        .ml10 {
            margin-left: 15px;
        }

    </style>

</head>

<body class="gray-bg" >
<div class="wrapper wrapper-content  animated fadeInRight" id="ccbb">
    <div class="row">
        <div class="col-sm-12">
            <%--<div class="toolbar">--%>
            <%--<div id="toolbar">--%>
            <%--<button id="btn_add" class="btn btn-primary"><i class="fa fa-plus-circle"></i>&nbsp;新增</button>--%>
            <%--<button id="btn_del" class="btn btn-w-s btn-danger"><i class="fa fa-times-circle"></i>&nbsp;批量删除</button>--%>
            <%--<button id="button" class="btn btn-primary " ><i class="fa fa-check-circle"></i>&nbsp;获取选中</button>--%>
            <%--<button id="btn_getCheck姓名" class="btn btn-primary " ><i class="fa fa-check-square"></i>&nbsp;获取选中ChekBox</button>--%>
            <%--</div>--%>
            <%--</div>--%>
            <span id="spancc" class="spancc"></span>
            <%--<div class="row">--%>
            <%--<div class="ibox float-e-margins">--%>
            <%--<div class="ibox-title">--%>
            <%--<h5>搜索条件</h5>--%>
            <%--<div class="ibox-tools">--%>
            <%--<a class="collapse-link">--%>
            <%--<i class="fa fa-chevron-up"></i>--%>
            <%--</a>--%>
            <%--</div>--%>
            <%--</div>--%>
            <%--<div class="ibox-content" >--%>
            <%--<div class="row">--%>
            <%--<div class="col-sm-4"><input placeholder="手机号或订单号" class="form-control" id="phoneOrOrderCode"></div>--%>
            <%--<div class="col-sm-2">--%>
            <%--<select class="form-control" id="state">--%>
            <%--<option value="1">已付款</option>--%>
            <%--<option value="2">已退款</option>--%>
            <%--<option value="3">错误订单</option>--%>
            <%--</select>--%>
            <%--</div>--%>
            <%--<div class="col-sm-2"><input placeholder="开始日期" id="dateStart" class="form-control layer-date" onclick="laydate({istime: true, format: 'YYYY-MM-DD'})" id="start"></div>--%>
            <%--<div class="col-sm-2"><input placeholder="结束日期" id="dateEnd" class="form-control layer-date" onclick="laydate({istime: true, format: 'YYYY-MM-DD'})" id="end"></div>--%>
            <%--<div class="col-sm-1"><button id="btn_search" class="btn btn-primary"><i class="fa fa-search"></i>&nbsp;搜索</button></div>--%>

            <%--</div>--%>
            <%--</div>--%>
            <%--</div>--%>
            <%--</div>--%>
            <table id="exampleTablePagination" class="table table-striped table-bordered table-hover"></table>
        </div>
    </div>
</div>

<script src="${ctxStatic}/plugins/h+/js/jquery.min.js?v=2.1.4"></script>
<script src="${ctxStatic}/plugins/h+/js/bootstrap.min.js?v=3.3.6"></script>
<script src="${ctxStatic}/plugins/h+/js/plugins/bootstrap-table-master/bootstrap-table.js"></script>
<script src="${ctxStatic}/plugins/h+/js/plugins/bootstrap-table/bootstrap-table-mobile.min.js"></script>
<script src="${ctxStatic}/plugins/h+/js/plugins/bootstrap-table-master/locale/bootstrap-table-zh-CN.js"></script>
<script src="${ctxStatic}/plugins/h+/js/plugins/bootstrap-table-master/extensions/export/bootstrap-table-export.js"></script>
<script src="${ctxStatic}/plugins/h+/js/plugins/bootstrap-table-master/extensions/editable/bootstrap-table-editable.js"></script>
<script src="${ctxStatic}/plugins/h+/js/plugins/sweetalert/sweetalert.min.js"></script>
<script src="${ctxStatic}/plugins/h+/js/content.min.js?v=1.0.0"></script>
<script src="${ctxStatic}/plugins/h+/js/plugins/layer/laydate/laydate.js"></script>
<script>

</script>
<script type="text/javascript" src="http://tajs.qq.com/stats?sId=9051096" charset="UTF-8"></script>
<script type="text/javascript">
    //初始化表格对象
    var $table = $('#exampleTablePagination');


    $table.bootstrapTable({
        url: "${pageContext.request.contextPath}/QTMain/queryQuan.ac",
        method: 'post',
        contentType: "application/x-www-form-urlencoded",//必须的
        dataType: "json",
        pageList:[10],//会根据当前的数据量加载合适的pageList
//        height: ($(window).height()-200) ,
        //cardView:true,//是否自适应手机
        pagination: true, //分页
        // queryParamsType: "limit",
        singleSelect: false,
        cache:false,
//        sortName:"createTime",
        search: false, //显示搜索框
        showColumns:false,
        showRefresh:false,
        showToggle:false,
        showPaginationSwitch:false,
        smartDisplay:true,
        detailView:false,
        toolbar:"#toolbar",
        queryParams: queryParams,//参数
        searchOnEnterKey:true,
        sidePagination: "server", //服务端处理分页
        columns: [
//            {
//                visible:false,
//                field:'id'
//            },
//            {
//                title:'选择',
//                align:'center',
////                    formatter:stateFormatter,
//                checkbox:true
//            },
            {
                title: '领券人姓名',
                field: 'receive_name',
//                    titleTooltip: '点击可以进行排序操作',
//                    sortStable:true,
                align: 'center'
            },
            {
                title: '发券人',
                field: 'clerk_name',
                align: 'center'
            },
            {
                title: '久零券额',
                field: 'point_90',
//                    sortStable:true,
                align: 'center'
            },
            {
                title: '发券方式',
                field: 'source',
                align: 'center',
                formatter:function(value,row,index){
                    if("0" == value){
                        return "充值";
                    }else if("1" ==value) {
                        return "自动";
                    }else if("2" == value) {
                        return "人工";
                    }
                }
            },
            {
                title: '发券日期',
                field: 'create_time',
                align: 'center',
                formatter:function(value,row,index){
                    var str1 = value.substring(0,10);
                    var str2 = value.substring(10,18);
                    return str1 + " " + str2;
                }
            }
        ]
    });

    /*
     传递的参数
     */
    function queryParams(params) {
        var temp = {  //这里的键的名字和控制器的变量名必须一直，这边改动，控制器也需要改成一样的
            limit: params.limit,  //页面大小
            page: params.offset, //页码
            pageindex:params.pageNumber,
//            name: $("#search_customer").val(),
//            phone: $("#search_phone").val(),
        };
        return temp;
    }


</script>
</body>


</html>
